<template>
  <section class="brand-series section">
    <el-tabs v-model="currTab" @tab-click="onTabHead">
      <el-tab-pane
        :label="'系列' + ind"
        :name="'series_' + ind"
        v-for="(item, ind) in 5"
        :key="ind"
      >
        <line-sell v-for="(ite, i) in 5" :key="i"></line-sell>
      </el-tab-pane>
    </el-tabs>
    <div id="page" class="f-c-c">
      <el-pagination
        @size-change="pageSizeChange"
        @current-change="currPageChange"
        :current-page="currPage"
        :page-sizes="[5, 10, 15, 20]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
        background
      >
      </el-pagination>
    </div>
  </section>
</template>
<script>
import LineSell from "../side/LineSell.vue";
export default {
  name: "brandSeries",
  components: {
    LineSell,
  },
  data() {
    return {
      currTab: "series_0",
      currPage: 1,
      pageSize: 10,
      total: 34,
      pages: [],     //装各个系列的currPage，pageSize，total
    };
  },
  methods: {
    onTabHead() {},
    pageSizeChange() {},
    currPageChange() {},
  },
};
</script>
<style lang="scss" scoped>
#page{
    padding: 10px 0;
}
</style>